<include file="layout/header" />

<div id="content">
	<!-- widget grid -->
	<section id="widget-grid" class="">
	
		<!-- row -->
		<div class="row">

			<!-- NEW WIDGET START -->
			<article class="col-sm-12 col-md-12 col-lg-6">

				
	
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false">
					
					<header>
						<span class="widget-icon"> <i class="fa fa-eye"></i> </span>
						<h2></h2>
	
					</header>
	
					<!-- widget div-->
					<div>
	
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
	
						</div>
						<!-- end widget edit box -->
	
						<!-- widget content -->
						<div class="widget-body">

							<div class="well well-light well-sm no-margin no-padding">

								<div class="row">

									<div class="col-sm-12">
										<div id="myCarousel" class="carousel fade profile-carousel">
											<div class="air air-bottom-right padding-10">
												<if condition="$data['info']['note']['sex'] == 1">
													<a href="javascript:void(0);" class="btn txt-color-white bg-color-teal btn-sm"><i class="fa fa-male"></i>&nbsp;男&nbsp;</a> 
												<else/>
													<a href="javascript:void(0);" class="btn txt-color-white bg-color-pinkDark btn-sm"><i class="fa fa-female"></i>&nbsp;女&nbsp;</a>
												</if>
											</div>
											<div class="air air-top-left padding-10">
												<h4 class="txt-color-white font-md">{{$data.info.t1|date='Y-m-d',###}}</h4>
											</div>
											<div class="carousel-inner">
												<!-- Slide 1 -->
												<div class="item active">
													<img src="__IMG__/demo/s1.jpg" alt="">
												</div>
												<!-- Slide 2 -->
												<div class="item">
													<img src="__IMG__/demo/s2.jpg" alt="">
												</div>
												<!-- Slide 3 -->
												<div class="item">
													<img src="__IMG__/demo/m3.jpg" alt="">
												</div>
											</div>
										</div>
									</div>

									<div class="col-sm-12">

										<div class="row">

											<div class="col-sm-3 profile-pic">
												<if condition="$data['info']['photo']">
													<img src="{{$data.info.photo}}">
												<else/>
													<img src="__IMG__/avatars/male.png">
												</if>
											</div>
											<div class="col-sm-6">
												<h1>{{$data.info.name}}</span>
												<br>
												<small> {{$data.role}}</small></h1>

												<ul class="list-unstyled">
													<li>
														<p class="text-muted">
															<i class="fa fa-phone"></i>&nbsp;&nbsp;<span class="txt-color-darken">{{$data.info.phone}}</span>
														</p>
													</li>
													<li>
														<p class="text-muted">
															<i class="fa fa-envelope"></i>&nbsp;&nbsp;<a href="javascript:;">{{$data.info.email}}</a>
														</p>
													</li>
													<li>
														<p class="text-muted">
															<i class="fa fa-key"></i>&nbsp;&nbsp;<span class="txt-color-darken">{{$data.info.note.wcard}}</span>
														</p>
													</li>
													<li>
														<p class="text-muted">
															<i class="fa fa-credit-card"></i>&nbsp;&nbsp;<span class="txt-color-darken">{{$data.info.note.idcode}}</span>
														</p>
													</li>
												</ul>
											</div>

										</div>

									</div>

								</div>

								<!-- end row -->

							</div>
	
							<form class="form-horizontal" id="certificate">
								
								<foreach name="data.info.note" item="v" key="k">
									<in name="k" value="id_just,id_back,contract_1,contract_2,contract_3,cert_4,cert_d,cert_z,cert_l,cert_2,cert_3,license_1,license_2">
										<fieldset>
											<legend></legend>
											<div class="form-group">
												<label class="col-md-2 control-label">
													<h6 class="no-margin txt-color-blue">
														<switch name="k">
															<case value="id_just">身份证正面</case>
															<case value="id_back">身份证反面</case>
															<case value="contract_1">合作伙伴合约</case>
															<case value="contract_2">代理商合约</case>
															<case value="contract_3">外包工程商合约</case>
															<case value="cert_4">外部工程师证书</case>
															<case value="cert_d">单体工程师证书</case>
															<case value="cert_z">中央工程师证书</case>
															<case value="cert_l">冷库工程师证书</case>
															<case value="cert_2">技术人员证书</case>
															<case value="cert_3">维保人员证书</case>
															<case value="license_1">外包工程商营业执照</case>
															<case value="license_2">代理商营业执照</case>
														</switch>
													</h6>
												</label>
												<div class="col-md-10">
													<div class="well well-sm display-inline">
														<img src="{{$v}}" alt="<switch name="k">
															<case value='id_just'>身份证正面</case>
															<case value='id_back'>身份证反面</case>
															<case value='contract_1'>合作伙伴合约</case>
															<case value='contract_2'>代理商合约</case>
															<case value='contract_3'>外包工程商合约</case>
															<case value='cert_4'>外部工程师证书</case>
															<case value='cert_d'>单体工程师证书</case>
															<case value='cert_z'>中央工程师证书</case>
															<case value='cert_l'>冷库工程师证书</case>
															<case value='cert_2'>技术人员证书</case>
															<case value='cert_3'>维保人员证书</case>
															<case value='license_1'>外包工程商营业执照</case>
															<case value='license_2'>代理商营业执照</case>
														</switch>" width="200">
													</div>
												</div>
											</div>
										</fieldset>
									</in>
								</foreach>
	
							</form>
	
						</div>
						<!-- end widget content -->
	
					</div>
					<!-- end widget div -->
	
				</div>
				<!-- end widget -->
	
			</article>
			<!-- WIDGET END -->
	
		</div>
	
		<!-- end row -->
	
	</section>
	<!-- end widget grid -->

</div>

<script src="__JS__/layer/layer.js"></script>
<script>
	layer.photos({
		photos: '#certificate',
	    anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
	});
</script>
<include file="layout/footer" />